<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

</h:head>
<body>
	<h:form id="frmCadProduto">
		<br />
		<h3 style="margin-top: 0">CADASTRO DE PRODUTO</h3>
		<div align="left">

			<p:commandButton id="new" value="Novo"
				actionListener="#{produtoBean.novo}" ajax="grid" />

			<p:commandButton id="save" value="Salvar"
				disabled="#{produtoBean.sal}" actionListener="#{produtoBean.salvar}"
				ajax="grid" update="dialog2" />

			<p:commandButton id="alterarado" value="Alterar"
				disabled="#{produtoBean.alt}"
				actionListener="#{produtoBean.alterar}" ajax="grid" />

			<p:commandButton id="delete" value="Excluir"
				disabled="#{produtoBean.rem}"
				actionListener="#{produtoBean.remover}" ajax="grid" />

			<p:commandButton id="consulta" value="Consultar" 
				action="#{pesquisaProdutoBean.abrirDialogo}">
				<p:ajax event="dialogReturn" listener="#{produtoBean.produtoSelecionado}" update="frmCadProduto"/>
			</p:commandButton>

			<p:commandButton id="cancelar" value="Cancelar"
				actionListener="#{produtoBean.cancelar}" ajax="grid" />

			<p:messages id="messages" showDetail="true" autoUpdate="true"
				closable="true" />

			<p:tabView id="tbView" style="border: 0px">
				<p:tab id="cadProduto" title="Dados Básicos">

					<h:panelGrid columns="2" columnClasses="label">
				
					Inativa:
					<p:selectBooleanCheckbox id="inativaProd"
							disabled="#{produtoBean.sta}"
							value="#{produtoBean.produto.status}" />
					
					Código do Produto:
					<p:inputText id="idProduto" disabled="true"
							value="#{produtoBean.produto.idProduto}" />
		
					Descrição do Produto:
					<p:inputText id="descProd" value="#{produtoBean.produto.descProd}"
							disabled="#{produtoBean.desc}" size="40" />
					
					Código de Barra:
					<p:inputText id="codBarra" value="#{produtoBean.produto.codBarra}"
							disabled="#{produtoBean.codBarra}" size="40" />
			
					Figura:
					<p:selectOneMenu id="figura" value="#{produtoBean.produto.figura}"
							disabled="#{produtoBean.fig}" style="width:265px;">
							<f:selectItem itemLabel="Selecione uma Figura" />
							<f:selectItems value="#{produtoBean.listaFigura}" var="listaFig"
								itemValue="#{listaFig}"
								itemLabel="#{listaFig.idFigura} - #{listaFig.descricao}" />
						</p:selectOneMenu>
				
					Unidade de Medida:
					<p:selectOneMenu id="unidMed" disabled="#{produtoBean.unid}"
							value="#{produtoBean.produto.unidMed}" style="width:265px;">
							<f:selectItem itemLabel="Selecione uma Unidade de Medida" />
							<f:selectItems value="#{produtoBean.listaUnidade}"
								var="listaUnid" itemValue="#{listaUnid}"
								itemLabel="#{listaUnid.idUnidMed} - #{listaUnid.descUnid}" />
						</p:selectOneMenu>
				
					Tipo de Produto:
					<p:selectOneMenu id="tipoProduto"
							disabled="#{produtoBean.tipoProd}"
							value="#{produtoBean.produto.tipoProd}" style="width:265px;">
							<f:selectItem itemLabel="Selecione um Tipo de Produto" />
							<f:selectItems value="#{produtoBean.listaTipo}" var="listaTip"
								itemValue="#{listaTip}"
								itemLabel="#{listaTip.idTipoProd} - #{listaTip.descricao}" />
						</p:selectOneMenu>

						<p:tooltip id="toolTipDadosBas" for="figura, unidMed, tipoProduto"
							value="Exibição 'Codigo' - 'Descrição'" showEffect="clip"
							hideEffect="explode" />

					</h:panelGrid>
				</p:tab>

				<p:tab id="cadSetor" title="Setorização">
					<h:panelGrid columns="2" columnClasses="label">
				 Setor:
					<p:selectOneMenu id="setor" value="#{produtoBean.produto.setor}"
							disabled="#{produtoBean.set}" style="width:265px;">
							<f:selectItem itemLabel="Selecione um Setor" />
							<f:selectItems value="#{produtoBean.listaSetor}" var="listaSetor"
								itemValue="#{listaSetor}"
								itemLabel="#{listaSetor.idSetor} - #{listaSetor.descricao}" />
							<p:ajax update="grupo, subGrupo, categoria" event="change"
								listener="#{produtoBean.filtraGrupo}" />
						</p:selectOneMenu>
					
				 Grupo:
					<p:selectOneMenu id="grupo" value="#{produtoBean.produto.grupo}"
							disabled="#{produtoBean.gru}" style="width:265px;">
							<f:selectItem itemLabel="Selecione um Grupo" />
							<f:selectItems value="#{produtoBean.listaGrupo}" var="listaGrupo"
								itemValue="#{listaGrupo}"
								itemLabel="#{listaGrupo.idGrupo} - #{listaGrupo.descricao}" />
							<p:ajax update="subGrupo" event="change"
								listener="#{produtoBean.filtraSubGrupo}" />
						</p:selectOneMenu>
					
				 SubGrupo:
					<p:selectOneMenu id="subGrupo" disabled="#{produtoBean.subGru}"
							value="#{produtoBean.produto.subGrupo}" style="width:265px;">
							<f:selectItem itemLabel="Selecione um SubGrupo" />
							<f:selectItems value="#{produtoBean.listaSubGrupo}"
								var="listaSubGrupo" itemValue="#{listaSubGrupo}"
								itemLabel="#{listaSubGrupo.idSubGrupo} - #{listaSubGrupo.descricao}" />
							<p:ajax update="categoria" event="change"
								listener="#{produtoBean.filtraCategoria}" />
						</p:selectOneMenu>

				 Categoria:
					<p:selectOneMenu id="categoria" disabled="#{produtoBean.categ}"
							value="#{produtoBean.produto.categoria}" style="width:265px;">
							<f:selectItem itemLabel="Selecione uma Categoria" />
							<f:selectItems value="#{produtoBean.listaCategoria}"
								var="listaCategoria" itemValue="#{listaCategoria}"
								itemLabel="#{listaCategoria.idCategoria} - #{listaCategoria.descricao}" />
						</p:selectOneMenu>

						<p:tooltip id="toolTipSetor"
							for="setor, grupo, subGrupo, categoria"
							value="Exibição 'Codigo' - 'Descrição'" showEffect="clip"
							hideEffect="explode" />

					</h:panelGrid>
				</p:tab>
			</p:tabView>
		</div>
	</h:form>
</body>
</html>
